Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adaptive UI Explorer - initial port #6424

Merged
merged 4 commits into from
Oct 18, 2022
Merged

Conversation

bheston
Copy link
Collaborator

@bheston bheston commented Oct 1, 2022

Pull Request

📖 Description

A new package for the Adaptive UI Explorer. Initially this is a port of the Color Explorer and updated for the latest FAST Element.

The intent is both that this is a place to rapidly iterate on Adaptive UI capabilities as well as a set of components that consumers can use to showcase their own Adaptive UI tokens or values.

It will be updated to support setting all design token values as well as previewing individual combinations, centering more around the effects of the systems than individual components.

👩‍💻 Reviewer Notes

This is mostly a port from the Color Explorer site, which had some minor cleanup under Fluent UI, and again some updates for the latest FAST Foundation.

✅ Checklist

General

  • I have included a change request file using $ yarn change
  • I have added tests for my changes.
  • I have tested my changes.
  • I have updated the project documentation to reflect my changes.
  • I have read the CONTRIBUTING documentation and followed the standards for this project.

⏭ Next Steps

Update the Color Explorer site to use this component and republish that site.

LayerBackground;
SampleApp;

const sampleTemplate = html<App>`
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this template needed?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's coming back. Right now the sample page uses Fluent UI, but I want to make that all configurable so it works with anyone's Foundation-base components.


componentTypeTemplate(): ViewTemplate<App, any> {
// if (this.componentType === ComponentType.sample) {
// return sampleTemplate;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Are these comments needed?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Goes with the above template.

backplate = "backplate",
text = "text",
form = "form",
// sample = "sample",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

needed?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Goes with previous comments.

Copy link
Contributor

@EisenbergEffect EisenbergEffect left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Approved pending what we talked about in the review today.

packages/tooling/adaptive-ui-explorer/src/app.ts Outdated Show resolved Hide resolved
packages/tooling/adaptive-ui-explorer/src/webapp.ts Outdated Show resolved Hide resolved
@bheston bheston force-pushed the users/bheston/adaptive-ui-explorer branch from d5cb5f4 to 7ac029f Compare October 14, 2022 21:42
@bheston bheston requested a review from awentzel as a code owner October 14, 2022 21:42
@bheston bheston requested a review from nicholasrice October 17, 2022 23:34
@bheston bheston merged commit 105a13f into master Oct 18, 2022
@bheston bheston deleted the users/bheston/adaptive-ui-explorer branch October 18, 2022 20:53
janechu pushed a commit that referenced this pull request Jun 10, 2024
Initial port of Color Explorer into the new Adaptive UI Explorer component
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants